@import "../_mixin";
.search {
    .w100 {
        width: 100%;
    }
}

.loan-center {
    header {
        /* height:4.3rem; */
        padding: 0rem;
        padding-top: 0.5rem;
        background: #fff!important;
        position: relative;
        .value {
            strong {
                color: #ea4636;
                font-weight: normal;
                @include fz(32px);
            }
            em {
                color: #999;
                margin-bottom: 0.4rem;
            }
        }
        .nav {
            border-top: 0.025rem solid #e0e0e0;
            border-bottom: none;
            li {
                span {
                    color: #999;
                }
                b {
                    color: #4d4d4d;
                    padding: 0.08rem 0.0rem;
                }
                &:first-child:after {
                    background: #e0e0e0;
                }
            }
        }
    }
}

.user-loan-list {
    li {
        background: #fff;
        margin-bottom: 0.375rem;
        vertical-align: middle;
        .title {
            vertical-align: middle;
            margin: 0.0rem 0.25rem;
            border-bottom: 0.03rem solid #e0e0e0;
            @include fz(15px);
            padding: 0.1rem 0.0rem;
            line-height: 0.75rem;
            i {
                margin-right: 0.125rem;
                vertical-align: middle;
                color: #ffa426;
                @include fz(25px);
            }
            .fr {
                @include fz(12px);
                display: inline-block;
                color: #808080;
                vertical-align: middle;
            }
        }
        .point {
            margin: 0.0rem 0.25rem;
            dd {
                padding: 0.25rem 0.0rem;
                line-height: 0.625rem;
                @include fz(14px);
                color: #808080;
            }
            span {
                display: block;
            }
            b {
                font-weight: normal;
            }
        }
        .status {
            padding: 0.25rem;
            background: #edf4f7;
            @include fz(14px);
            border-bottom: 0.03rem solid #d5d5d5;
        }
        .working {
            color: $blueColor;
        }
        .done {
            color: #b3b3b3;
        }
    }
}

.apply-loan {
    margin-top: 0.75rem;
    background: #fff;
    padding: 0.5rem 0.25rem 0.75rem 0.25rem;
    header {
        vertical-align: middle;
        color: $mainColor;
        @include font-dpr(17px);
        margin-bottom: 0.25rem;
        span {
            vertical-align: middle;
            display: inline-block;
            margin-right: 0.133333rem;
            width: 0.6rem;
            height: 0.6rem;
            vertical-align: middle;
            background-image: url(../../images/user/protrait.png);
            background-size: contain;
            background-repeat: no-repeat;
            margin-bottom: 0.08rem;
        }
    }
    button {
        background: $mainColor;
        text-align: center;
        color: #fff;
        border: none;
        border-radius: 0.1rem;
        vertical-align: middle;
        &.small {
            padding: 0.0rem 0.2rem;
            line-height: 0.9rem;
            height: 0.9rem;
            @include font-dpr(15px);
        }
        &.big {
            padding: 0.0rem 1rem;
            line-height: 0.9rem;
            height: 0.9rem;
            @include font-dpr(15px);
        }
        &.summit {
            padding: 0.0rem 1rem;
            @include font-dpr(18px);
            display: block;
            width: 90%;
            margin: auto;
            text-align: center;
            transition: 0.1s;
            padding: 0.25rem 0.0rem;
            margin-bottom: 0.5rem;
        }
        &:active {
            opacity: 0.7;
        }
    }
    .verify {
        line-height: 0.9rem;
        height: 0.9rem;
        font-size: 15px;
        vertical-align: middle;
    }
    ul.detail {
        li {
            @include font-dpr(15px);
            margin-bottom: 0.4rem;
            vertical-align: middle;
            color: #4d4d4d;
            .pl {
                margin-left: 0.2rem;
            }
            .img {
                display: inline-block;
                white-space: nowrap;
                border: 2px solid #e0e0e0;
                border-radius: 0.1rem;
                width: 3rem;
                height: 2rem;
                position: relative;
                overflow: hidden;
                input {
                    display: block;
                    opacity: 0;
                    position: absolute;
                    height: 100%;
                }
                img {
                    width: 100%;
                }
            }
            .card1 {
                background: url(../../images/user/idcard-cover_1.png) center center no-repeat;
            }
            .card2 {
                background: url(../../images/user/idcard-cover_2.png) center center no-repeat;
            }
            span.txt {
                width: 35%;
                display: inline-block;
                vertical-align: middle;
            }
            span.content {
                white-space: nowrap;
                width: 60%;
                display: inline-block;
                vertical-align: middle;
                .weui_select {
                    line-height: 1rem!important;
                    padding-left: 0.1rem;
                }
                .weui_cells {
                    margin-top: 0.0rem;
                    width: 100%;
                }
                .weui_cell {
                    padding: 0.0rem;
                }
                .weui_cell_select .weui_cell_bd:after {
                    z-index: 99;
                    height: 0.25rem;
                    width: 0.25rem;
                    margin-top: -0.125rem;
                }
            }
            select {
                margin-right: 0.1rem;
                @include font-dpr(15px);
                height: 1.0rem;
                border: 0.05rem solid #ddd;
                border-radius: 0.075rem;
                background: #fff;
                color: #4d4d4d;
            }
            input[type='text'] {
                box-shadow: none;
                border: 0.03rem solid #ddd;
                border-radius: 0.075rem;
                height: 1.0rem;
                @include font-dpr(14px);
                padding: 0.0rem 0.1rem;
                &.small {
                    width: 15%;
                }
                &.big {
                    width: 35%;
                    margin-right: 0.2rem;
                }
                vertical-align: middle;
            }
            input[type='checkbox'] {
                display: none;
            }
            label {
                vertical-align: middle;
                line-height: 0.5rem;
            }
            .chk_1 {
                display: none;
            }
            .chk_1+label {
                position: relative;
                padding-left: 0.7rem;
                margin-right: 0.5rem;
            }
            .chk_1+label:after {
                content: ' ';
                background-color: #FFF;
                border: 0.03rem solid #ddd;
                width: 0.6rem;
                height: 0.6rem;
                border-radius: 0.075rem;
                display: inline-block;
                position: relative;
                white-space: nowrap;
                position: absolute;
                left: 0.0rem;
            }
            .chk_1:checked+label:after {
                border: 0.03rem solid $mainColor;
                z-index: 9;
            }
            .chk_1:checked+label:before {
                z-index: 10;
                font-family: "iconfont" !important;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -webkit-text-stroke-width: 0.005rem;
                -moz-osx-font-smoothing: grayscale;
                content: '\e64b';
                position: absolute;
                color: $mainColor;
                width: 100%;
                @include font-dpr(18px);
                left: 0.049999rem;
                top: 0.0499999rem;
                height: 0.5rem;
                width: 0.5rem;
                overflow: hidden;
            }
        }
    }
}